<!doctype html>
<!--[if lt IE 7]>
<html lang="en" class="no-js ie6"><![endif]-->
<!--[if IE 7]>
<html lang="en" class="no-js ie7"><![endif]-->
<!--[if IE 8]>
<html lang="en" class="no-js ie8"><![endif]-->
<!--[if gt IE 8]><!-->
<html lang="en" class="no-js" xmlns:th="http://www.thymeleaf.org">
<!--<![endif]-->

<head>
    <meta charset="UTF-8">
    <title>随寻通教育信息品台 快捷高效的沟通桥梁 | 随寻通教育信息平台</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <link rel="shortcut icon" th:href="@{/favicon.png}">

    <link rel="stylesheet" th:href="@{/css/bootstrap.css}">

    <link rel="stylesheet" th:href="@{/css/animate.css}">
    <link rel="stylesheet" th:href="@{/css/font-awesome.min.css}">
    <link rel="stylesheet" th:href="@{/css/slick.css}">
    <link rel="stylesheet" th:href="@{/js/rs-plugin/css/settings.css}">
    <link rel="stylesheet" th:href="@{/css/news.css}">

    <script type="text/javascript" th:src="@{/js/modernizr.custom.32033.js}"></script>

    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body>

<div th:include="template :: header"></div>
<div class="news">
    <div id="main">
        <div class="container">
            <div class="row">
                <section id="maincontent" class="positionleft col-xs-12 col-md-8">
                    <div class="padcontent">
                        <section class="content">

                            <div th:if="${newsCenterPage != null and not #lists.isEmpty(newsCenterPage.list) }">
                                <article class="post" th:each="newsCenter : ${newsCenterPage.list}">
                                    <input type="hidden" th:attr="value=${newsCenter.id}">
                                    <div class="date-wrapper">
                                        <div class="date-value" th:text="${newsCenter.createDate}">日期</div>
                                        <div class="month-value" th:text="${newsCenter.createMonth}">月份</div>
                                    </div>
                                    <div class="header-wrapper">
                                        <h2 class="posttitle"><a th:href="'/newsCenter/getNews/'+ ${newsCenter.id}"
                                                                 th:text="${newsCenter.title}"
                                                                 th:attr="data-id=${newsCenter.id}">新闻标题</a></h2>
                                    </div>
                                    <div class="clear"></div>
                                    <div class="postimg">
                                        <img th:src="${newsCenter.imgUrl}" alt=""/>
                                    </div>

                                    <div class="entry-content">
                                        <p th:text="${newsCenter.introduce}">新闻简介</p>
                                        <a th:href="'/newsCenter/getNews/' + ${newsCenter.id}" class="more">more</a>
                                    </div>

                                    <div class="clear"></div>
                                </article>
                            </div>

                            <div class="wp-page">
                                <span class="pages" th:text="'Page 1 of ' + ${newsCenterPage.pages}"></span>
                                <a class="page" href="/newsCenter/1/1/5">1</a>
                                <span class="current">
                                    <span>2</span>
                                </span>
                                <a class="page" href="/newsCenter/1/3/5">3</a>
                            </div>

                        </section>
                    </div>
                </section>
                <div th:include="template :: right-bar"></div>
            </div>
        </div>
    </div>

    <div th:include="template :: footer"></div>


</div>

<script th:src="@{/js/jquery-1.11.1.min.js}"></script>
<script th:src="@{/js/bootstrap.min.js}"></script>
<script th:src="@{/js/slick.min.js}"></script>
<script th:src="@{/js/placeholdem.min.js}"></script>
<script th:src="@{/js/rs-plugin/js/jquery.themepunch.plugins.min.js}"></script>
<script th:src="@{/js/rs-plugin/js/jquery.themepunch.revolution.min.js}"></script>
<script th:src="@{/js/waypoints.min.js}"></script>
<script th:src="@{/js/news.js}"></script>
<script th:inline="javascript">
    $(document).ready(function () {
        appMaster.preLoader();
    });


    //分页操作
    var pageTotal = [[${newsCenterPage.pages}]];
    var pageNum=[[${newsCenterPage.pageNum}]];

    var pageHtml = '<span class="pages">Page '+pageNum+' of ' + pageTotal + '</span>';
    if(pageNum!=1)
        pageHtml+='<a class="page" href="/newsCenter/1/1/5">1</a>';

    if(pageNum>2)
        pageHtml+='<a class="page" href="/newsCenter/1/'+(pageNum-1)+'/5">'+(pageNum-1)+'</a>';

        pageHtml+='<span class="current"><span>'+pageNum+'</span></span>';

    if(pageNum<pageTotal-1)
        pageHtml+='<a class="page" href="/newsCenter/1/'+(pageNum+1)+'/5">'+(pageNum+1)+'</a>';

    if(pageNum!=pageTotal)
        pageHtml+='<a class="page" href="/newsCenter/1/'+pageTotal+'/5">'+pageTotal+'</a>';

        $('.wp-page').html(pageHtml)


</script>

</body>

</html>
